<template>
  <h1>Dialog示例</h1>
  <Demo :component="DialogDemo1"/>
  <Demo :component="DialogDemo2"/>
  <!-- <div>
    <Button @click="toggle">Dialog</Button>
    <Dialog  v-model:visible="x" :closeOnclickOverlay="false" :ok="f1" :cancel="f2">
      
       <template v-slot:content>
          <div>内容</div> 
       </template>
       <template v-slot:title>
          <strong>标题</strong>
       </template>
    </Dialog>
  </div> -->

 
  <!-- <Button @click="showDialog">一键打开dialog</Button> -->
</template>
<script lang="ts">
import Demo from './Demo.vue'
import DialogDemo1 from './DialogDemo1.vue'
import DialogDemo2 from './DialogDemo2.vue'
export default {
  components: {
    Demo
  },
  setup() {
    return {DialogDemo2,DialogDemo1}
  },
};
</script>